a11y: calendar: Month name should be navigable

https://bugzilla.gnome.org/show_bug.cgi?id=706903

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 5a4b5644f1672cf3a01e66c06703135e6f82b97a..015a892d95c0f9dfc52f452d44aae2cdfa40c968 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1212,6 +1212,10 @@ StScrollBar StButton#vhandle:active {
     padding-top: 8px;
 }
 
+.calendar-month-label:focus {
+    background-color: #999999;
+}
+
 .calendar-change-month-back {
     width: 18px;
     height: 12px;

diff --git a/js/ui/calendar.js b/js/ui/calendar.js
index cb5a2940ea97e047c3adab1e5071a5aa57e9e190..75dcbb6096e82ddd3b5f6e30ea702395d5b20255 100644 (file)
--- a/js/ui/calendar.js
+++ b/js/ui/calendar.js
@@ -449,7 +449,8 @@ const Calendar = new Lang.Class({
         this._topBox.add(this._backButton);
         this._backButton.connect('clicked', Lang.bind(this, this._onPrevMonthButtonClicked));
 
-        this._monthLabel = new St.Label({style_class: 'calendar-month-label'});
+        this._monthLabel = new St.Label({style_class: 'calendar-month-label',
+                                         can_focus: true });
         this._topBox.add(this._monthLabel, { expand: true, x_fill: false, x_align: St.Align.MIDDLE });
 
         this._forwardButton = new St.Button({ style_class: 'calendar-change-month-forward',